<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>张宇简历</title>
<meta name="viewport" content="initial-scale=1.0,width=device-width" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
</head>
<body>

<!--STICKER-->
<div id="sticker"></div>

<div id="wrapper">

<!--BIO TITLE-->
<h2 id="titleName" class="sectionHead">张宇</h2>

<!--BIO-->
<div id="bio">
	<h2>性别：男</h2>
  	<h2>地址：北京市西城区西长安街甲1号</h2>
	<h2>出生日期：1990/09/09</h2>
	<!--SOCIAL LINKS-->
	<div id="socialIcons">
		<a class="socialIcon" target="_blank" id="facebookIcon" href="http://themolitor.com/facebook"></a>
		<a class="socialIcon" target="_blank" id="twitterIcon" href="http://themolitor.com/twitter"></a>
		<a class="socialIcon" target="_blank" id="youTubeIcon" href="http://youtube.com/themolitor"></a>
		<a class="socialIcon" target="_blank" id="gplusIcon" href="http://themolitor.com/gplus"></a>
		<a class="socialIcon" target="_blank" id="dribbbleIcon" href="http://dribbble.com/themolitor"></a>
		<!--MORE ICON OPTIOPS...
		<a class="socialIcon" target="_blank" id="flickrIcon" href="#>"></a>
		<a class="socialIcon" target="_blank" id="vimeoIcon" href="#"></a>
		<a class="socialIcon" target="_blank" id="mySpaceIcon" href="#"></a>
		<a class="socialIcon" target="_blank" id="rssIcon" href="#"></a>
		-->
	</div><!--end socialIcons-->

	<!--BIO PARAGRAPH-->
	<p>
		目前我是自由职业者，有过多年的web开发从业经验，主要从事于基于php的网站，web app，微信小程序的开发。熟悉目前主流的thinkphp5，yii2，larval5.0框架的开发，在前端方面精通 html，css，JavaScript，jquery
		，并且能熟练的使用boootstrap，Amaze UI等响应式栅格框架书写界面，谷歌浏览器插件开发,熟悉主流的第三方登录(QQ,微信，微博)和调用主流的支付接口(微信，支付宝);以及seo优化，和sql优化。目前也在不断的学习和成长中。

		<!--////////////////////////////////////////////////////////////////////////////////////////-->
		<!--IMAGES BELOW ARE HIDDEN AND WILL ONLY APPEAR IN THE GALLERY LINKED TO IN ABOVE PARAGRAPH -->
		<!--////////////////////////////////////////////////////////////////////////////////////////-->
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/producer.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/photopharm.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/brick.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/nav.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/novelist.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/dailypress.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/eventure.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/politico.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/zoom.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/chameleon.jpg"></a>
		<a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]" href="images/portfolio/maitred.jpg"></a>
	</p>

</div><!--end bio-->

<div class="clear"></div>

<!--SKILLS TITLE-->
<h2 id="tools" class="sectionHead">后端技能</h2>

<!--SKILLS-->
<ul id="skills">
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<!--Notice the class names indicate the % of your skills. i.e. s70 = 70%, s40 = 40% etc. -->
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<li id="skill1" class="s90"><span>Linux服务器</span></li>
	<li id="skill2" class="s100"><span>PHP</span></li>
	<li id="skill2" class="s80"><span>REDIS</span></li>
	<li id="skill2" class="s90"><span>ThinkPhp5</span></li>
	<li id="skill2" class="s70"><span>Yii</span></li>
	<li id="skill2" class="s70"><span>Larval</span></li>
	<!--<li id="skill8" class="s80"><span>Marketing</span></li>-->
	<!--<li id="skill9" class="s40"><span><del>Underwater Basket Weaving</del></span></li>-->
</ul><!--end skills-->

<div class="clear"></div>


<!--SKILLS TITLE-->
<h2 id="tools" class="sectionHead">前端技能</h2>

<!--SKILLS-->
<ul id="skills">
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<!--Notice the class names indicate the % of your skills. i.e. s70 = 70%, s40 = 40% etc. -->
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<li id="skill3" class="s100"><span>HTML + CSS</span></li>
	<li id="skill3" class="s100"><span>javascript</span></li>
	<li id="skill4" class="s75"><span>Nodejs</span></li>
	<li id="skill4" class="s100"><span>jQuery</span></li>
	<li id="skill4" class="s100"><span>VueJs</span></li>
	<li id="skill4" class="s100"><span>UniApp</span></li>
	<!--<li id="skill8" class="s80"><span>Marketing</span></li>-->
	<!--<li id="skill9" class="s40"><span><del>Underwater Basket Weaving</del></span></li>-->
</ul><!--end skills-->

<div class="clear"></div>


<!--SKILLS TITLE-->
<h2 id="tools" class="sectionHead">其他技能</h2>

<!--SKILLS-->
<ul id="skills">
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<!--Notice the class names indicate the % of your skills. i.e. s70 = 70%, s40 = 40% etc. -->
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<li id="skill5" class="s100"><span>谷歌浏览器插件</span></li>
	<li id="skill5" class="s30"><span>Photoshop</span></li>
	<li id="skill6" class="s90"><span>SEO</span></li>
	<li id="skill7" class="s50"><span>Android</span></li>
	<!--<li id="skill8" class="s80"><span>Marketing</span></li>-->
	<!--<li id="skill9" class="s40"><span><del>Underwater Basket Weaving</del></span></li>-->
</ul><!--end skills-->

<div class="clear"></div>

<!--EXPERIENCE TITLE-->
<h2 id="clock" class="sectionHead">工作经验</h2>

<!--EXPERIENCE-->
<ul id="jobs">
	<li>
		<div class="details">
			<h3>成都雷火丰网络公司</h3>
			<h5>2018年</h5>
		</div>
		<p>主要从事于网站的前端设计以及接口的对接信息,功能实现，产品宣传</p>
	</li>
	<li>
		<div class="details">
			<h3>正海薄利圆商城</h3>
			<h5>2017年-2018年</h5>
		</div>
		<p>主要从事于网站的升级维护以及对服务器的优化</p>
	</li>
    	<li>
		<div class="details">
			<h3>成都易殴达供应链管理服务有限公司</h3>
			<h5>2019年-2021年</h5>
		</div>
		<p>主要从事于跨境电商网站和小程序开发以及相关海关和第三方接口对接</p>
	</li>
	<li>
		<div class="details">
			<h3>各大网站接单平台,以及外包私单</h3>
			<h5>2008至今</h5>
		</div>
		<p>主要从事于开发各种网站需求项目，以及长期的维护和更新，目前有着一定的客户群体，并且长期服务于项目的开发于测试</p>
	</li>

</ul><!--end jobs-->




<!--AS SEEN ON TITLE-->
<h2 id="eye" class="sectionHead">我的作品</h2>

<!--AS SEEN ON-->
<ul id="seenOn">
	<li class="bwWrapper"><img src="images/pr-img/pr1.png" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr2.png" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr3.png" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr4.png" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr5.jpg" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr6.png" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr7.png" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr8.png" alt="" /></li>
	<li class="bwWrapper"><img src="images/pr-img/pr9.png" alt="" /></li>

</ul><!--end seenOn-->

<div class="clear"></div>


<!--CONTACT TITLE-->
<h2 id="contact" class="sectionHead">联系我</h2>

<!--CONTACT FORM-->
<div id="contactform"  class="contact">
<h3>电话：13348814512</h3>
<h3>QQ：417045639</h3>
<h3>微信：fox1365957450</h3>
<h3>邮箱：417045639@qq.com</h3>
<h3>github：https://github.com/SunGodAppollo</h3>
</div><!--end contact form-->

<!--<p id="messageSent">Message sent. Thank you!</p>-->

<div class="clear"></div>
</div><!--end wrapper-->



<!--SCRIPTS-->
<script src="js/jquery.js"></script>
<script src="js/prettyPhoto.js"></script>
<script src="js/backPosition.js"></script>
<script src="js/custom.js"></script>

</body>
</html>
